草庐IT

html 图像

全部标签

javascript - 改变图像标签的原型(prototype)?

我正在尝试编写一个可以执行以下操作的库。当库包含在头部时,它会改变HTMLImageElement原型(prototype),这样用户碰巧在他们的HTML中使用的或他们在javascript中动态创建的任何图像标签都会有一个由我定义的默认onerror函数图书馆。这样做的结果是,如果任何用户图像由于指向错误的url而无法加载,我的库将以优雅的方式处理它。我正在尝试下面的实验,varimg=document.createElement('img');img.__proto__.onerror=function(){alert('hi');};document.body.innerHTML

javascript - Angular.js 使用 html2js 将指令与外部模板联合测试 - 无法加载模板

我正在尝试测试使用外部模板的指令。我尝试了以下所有解决方案,但没有成功:ng-directive-testingHowtotestdirectivesthatusetemplateUrlandcontrollers?AngularJS+Karma+Ng-html2js=>Failedtoinstantiatemodule...html我创建了一个测试指令(一个简单的div)并使用内联"template"和外部“templateUrl”对其进行了测试。内联解决方案有效,而外部解决方案无效:angular.module('AdUnit').directive('actionButton',

javascript - 在 Node.js 中使用远程图像提供动态生成的 PDF

我正在尝试创建一个使用PDFKit即时生成PDF的Node服务器.PDF是根据POST请求的参数生成的(通过Express)。其中一个参数指定一个图像URL,服务器下载该图像并将其插入到PDF中。现在,我有以下结构://Getdependenciesvarexpress=require('express'),http=require('http'),fs=require('fs'),pdfDocument=require('pdfkit');//Getexpressstarted.varapp=express();//UseJSONinPOSTbodyapp.use(express.j

javascript - jssor slider 图像在 chrome 浏览器中无法正确显示

我已经在我们的网站上成功实现了jssorslider一年多了(并且喜欢它!)。昨天(9/3/15),我的Chrome浏览器更新了,我们网站上的slider现在无法正常工作。(使用IE和Firefox仍然可以正常工作。)图像短暂显示,然后空间变为空白,然后在转换时再次显示,然后空白。我使用slider图像作为链接,当图像未显示时它不起作用。我在以下位置找到了类似的解决方案:JssorsliderdoesnotdisplayslidesinChrome--但推荐的解决方案(将样式:位置代码从绝对位置代码更改为相对位置代码)已在我的代码中正确完成。我不确定这是否可能是CSS或javascri

javascript - 如何通过 javascript 将图像/HTML Canvas 切成两半?

我正在使用html2canvas将具有自定义功能的googlemapjavascriptAPI转换为Canvas,然后转换为图像。在所有浏览器上都能正常工作,除了在IE11上它会生成一个图像,图像右侧有额外的空白,等于(浏览器窗口的宽度-map宽度)。所以我的窗口越宽,右边的空间就越大,反之亦然。我怎样才能在实际图像(768像素宽)的边缘切分该图像(或HTMLcanvas)?我在这里找到了这段代码,但不知道如何为这个任务修改它:varimage=newImage();image.onload=cutImageUp;image.src='myimage.png';functioncutI

Javascript 将 URL 转换为 BASE64 图像

我正在构建一个Ionic2应用程序。我正在尝试将图像url转换为base64图像。我找到了this我正在尝试使用它。我有以下代码:varimgUrl='https://www.google.de/images/srpr/logo11w.png';letbase64image=this.getBase64Image(imgUrl);console.log(base64image);和publicgetBase64Image(imgUrl){varimg=newImage();img.src=imgUrl;img.setAttribute('crossOrigin','anonymous'

javascript - 从 Base64 编码的图像中获取尺寸

我有一个Angular应用程序,我需要Base64编码图像的尺寸。我试图将它加载到Image中,但它只是说它是0x0constimage=newImage();image.src='data:image/jpeg;base64,someBase64ImageString';console.log(image.width+'x'+image.height);我不知道如何获取这些信息。 最佳答案 设置src和图像处于“已加载”状态(因此具有尺寸)之间的步骤是异步的-这似乎适用于数据URI以及外部资源(至少在Chrome)。为了安全地保证

javascript - Vuejs 不会在 HTML 表格元素中呈现组件

我想呈现一个在表格中显示一行的自定义组件。我有以下代码://jsfileVue.component('message-row',{data:function(){return{msg:'Hello'}},template:'{{msg}}'});newVue({el:'#app'});//htmlfile问题是该行最终呈现在表格之外!像这样:Hello您可以在这个JSFiddlehttps://jsfiddle.net/eciii/7v6yrf3x/中查看它我不确定这是一个错误还是我只是在这里遗漏了一些非常明显的东西...... 最佳答案

javascript - Wordpress - 在编辑器中插入 html/文本

我正在为Wordpress制作一个Vimeo上传插件,以便您可以直接从wordpress上传到Vimeo并直接嵌入。无论如何,我认为我已经完成了最困难的部分,那就是身份验证(那里有不好的例子)。现在我有另一个问题。在Wordpress中,您可以通过按下弹出窗口中的按钮将图像嵌入到富文本编辑器中。(http://cl.ly/6Xns)(荷兰语中的“Invoegeninbericht”按钮)。现在我想做同样的事情,当有人点击我的“invoegen”按钮(http://cl.ly/6Wmn)时,将“sometekst”(一个url就足够了)插入到富文本区域,我该如何实现?我在Wordpres

javascript - 如何在 HighCharts 图表中获取图像水印?

我正在为Web应用程序使用HighChartsJavascript库,并希望在图表中添加图像水印(比如左上角的小图像)。不仅在浏览器中显示此水印图像,而且当有人将图表导出为JPG或PNG时。我曾经在一个也使用HighCharts的Web应用程序中的某个地方见过它,但不记得它在哪里。有什么建议吗? 最佳答案 看看这个:http://jsfiddle.net/highcharts/cDcw7/提示:我发现,导出功能正常工作很重要,URL以http://...开头 关于javascript-如